<div>
    <div class="row" style="float:left;width: 350px">
        <div>ERGONOMICS</div>
        <hr/>
    </div>
    <div class="row" style="float:right">
        <input data-dojo-type="dijit.form.Button" data-dojo-attach-point="saveButton" label="Save"/>
    </div>
    <div class="row" style="clear:both">

    </div>
    <div class="row" style="width: 600px;position: relative">
        <fieldset>
            <legend>CONTROL & MOBILITY</legend>
            <div class="row">
                <label>Trolley system</label><input style="width:100px" id="setting_rule_1" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Wheels</label><input style="width:100px" id="setting_rule_2" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div style="position: absolute;right:90px;top:50px">
                <input style="width:100px" id="setting_subcatrule_1" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
        </fieldset>
    </div>

    <div class="row" style="width: 600px;position: relative">
        <fieldset>
            <legend>COMFORT</legend>
            <div class="row">
                <label>Top handle</label><input id="setting_rule_3"  style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Side handle</label><input id="setting_rule_4" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Studs</label><input id="setting_rule_5" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Zipper puller</label><input id="setting_rule_6" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Zipper</label><input id="setting_rule_7" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Trolley</label><input id="setting_rule_8" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div class="row">
                <label>Wheels</label><input id="setting_rule_9" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
            <div style="position: absolute;right:90px;top:135px">
                <input style="width:100px" id="setting_subcatrule_3" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
            </div>
        </fieldset>
    </div>

    <div>
        <div class="row" style="float:left;width: 350px">
            <div>DURABILITY</div>
            <hr/>
        </div>    
        <div class="row" style="clear:both">
        </div>
        <div class="row" style="width: 600px;position: relative">
            <fieldset>
                <legend>Fabric quality</legend>
                <div class="row">
                    <label>Main fabric</label><input id="setting_rule_10" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>
                <div class="row">
                    <label>Lining</label><input id="setting_rule_11" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>
                <div class="row">
                    <label>Triming</label><input id="setting_rule_12" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>
                <div style="position: absolute;right:90px;top:50px">
                    <input style="width:100px" id="setting_subcatrule_10" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>
            </fieldset>
        </div>

        <div class="row" style="width: 600px;position: relative">
            <fieldset>
                <legend>Construction</legend>
                <div class="row">
                    <label>Construction</label><input id="setting_rule_13" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>            
                <div style="position: absolute;right:90px;top:30px">
                    <input style="width:100px" id="setting_subcatrule_13" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>
            </fieldset>
        </div>

        <div class="row" style="width: 600px;position: relative">
            <fieldset>
                <legend>Reinforcment</legend>
                <div class="row">
                    <label>Reinforcment fabrics - Corner</label><input id="setting_rule_14" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Reinforcment fabrics - Handle</label><input id="setting_rule_15" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Stitching</label><input id="setting_rule_16" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Protection - Shoulder</label><input id="setting_rule_17" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Protection - Corner</label><input id="setting_rule_18" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Protection - Back</label><input id="setting_rule_19" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Protection - Bottom</label><input id="setting_rule_20" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Protection - Wheels</label><input id="setting_rule_21" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>              

                <div style="position: absolute;right:90px;top:135px">
                    <input style="width:100px" id="setting_subcatrule_14" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>            
            </fieldset>
        </div>    

        <div class="row" style="width: 600px;position: relative">
            <fieldset>
                <legend>Accessories quality</legend>
                <div class="row">
                    <label>Zipper</label><input id="setting_rule_22" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Zipper puller</label><input id="setting_rule_23" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Trolley system</label><input id="setting_rule_24" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Wheels</label><input id="setting_rule_25" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Top handle</label><input id="setting_rule_26" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Side handle</label><input id="setting_rule_27" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Studs</label><input id="setting_rule_28" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>  
                <div class="row">
                    <label>Side Studs</label><input id="setting_rule_29" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>   
                <div style="position: absolute;right:90px;top:135px">
                    <input id="setting_subcatrule_22" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                </div>            
            </fieldset>
        </div>    
        <div>
            <div class="row" style="float:left;width: 350px">
                <div>PRACTICAL</div>
                <hr/>
            </div>    
            <div class="row" style="clear:both">

            </div>
            <div class="row" style="width: 600px;position: relative">
                <fieldset>           
                    <div class="row">
                        <label>Inner organization</label><input id="setting_rule_30" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                    </div>
                    <div style="position: absolute;right:90px;top:18px">
                        <input style="width:100px" id="setting_subcatrule_30" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                    </div>
                </fieldset>
            </div>
            <div class="row" style="width: 600px;position: relative">
                <fieldset>           
                    <div class="row">
                        <label>Outside organization</label><input id="setting_rule_31" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                    </div>
                    <div style="position: absolute;right:90px;top:18px">
                        <input style="width:100px" id="setting_subcatrule_31" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                    </div>
                </fieldset>
            </div>
            <div class="row" style="width: 600px;position: relative">
                <fieldset>           
                    <div class="row">
                        <label>Expandable</label><input id="setting_rule_32" style="width:100px" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                    </div>
                    <div style="position: absolute;right:90px;top:18px">
                        <input style="width:100px" id="setting_subcatrule_32" data-dojo-type="dijit.form.TextBox"/>&nbsp;<span>%</span>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="row">
            <table width="100%" cellspacing ="2"  cellpadding="2">
                <thead>
                    <tr>
                        <th>CATEGORY</th>
                        <th>UNIT</th>
                        <th>PRICE MAX(USD)</th>
                        <th>PRICE MIN(USD)</th>
                        <th>WEIGHT MAX(KG)</th>
                        <th>WEIGHT MIN(KG)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="6">&nbsp;</td>
                    </tr>
                    <tr>
                        <td align="center">Trolley system</td>
                        <td align="center">Set of 20/24/28</td>
                        <td align="center"><input id="setting_t_max_price" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                        <td align="center"><input id="setting_t_min_price" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                        <td align="center"><input id="setting_t_max_weight" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                        <td align="center"><input id="setting_t_min_weight" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                    </tr>
                    <tr>
                        <td align="center">Computer trolley case / Bags</td>
                        <td align="center">Piece</td>
                        <td align="center"><input id="setting_c_max_price" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                        <td align="center"><input id="setting_c_min_price" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                        <td align="center"><input id="setting_c_max_weight" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                        <td align="center"><input id="setting_c_min_weight" style="width:50px" data-dojo-type="dijit.form.TextBox"/></td>
                    </tr>              
                </tbody>
            </table>
        </div>
    </div>
</div>